$board-space: 20px;
$control-button-long: 29px;
$control-button-short: 9px;


.view-board-right-wrap {
  width: 100%;
  color: #606266;
  padding: 12px;
  box-sizing: border-box;
}


.view-board-title {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  font-size: 14px;
  padding-bottom: 16px;

  .config-btn {
    display: flex;
    align-items: center;
    margin-right: 14px;

    ::v-deep .iconfont {
      margin-right: 4px;
    }
  }

  .button-view {
    ::v-deep .iconfont {
      font-size: 14px;
    }
  }
}

.view-board-main {
  width: 100%;
  height: 100%;
  position: relative;

  .vb-main-container {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;

    .stash-container {
      width: 100%;
      height: 200px;
      /*background-color: #F5F7FA;*/
      padding-top: 12px;
      border-top: 1px dashed #eee;
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
    }

    .full-screen {
      width: 100%;
      height: calc(100% - 12px);
    }
  }
}

.vb-placeholder-dom {
  /*position: absolute;*/
  z-index: 2012;
  background: #F5222D;
  opacity: .1;
}

.vb-placeholder-node-dom {
  background: #F5222D;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: .1;
}
